<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Blank Page - Ace Admin</title>

		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
		<![endif]-->
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="assets/js/html5shiv.min.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
	</head>

	<body class="no-skin">
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>
			<div class="main-content">
				<div class="main-content-inner">
					<div class="page-content">
						<div class="ace-settings-container" id="ace-settings-container">

						</div><!-- /.ace-settings-container -->
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<!-- PAGE CONTENT BEGINS -->
										<form class="form-horizontal" role="form" id="mainform">
											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right" > 班级 </label>

												<div class="col-sm-9">
													<input type="text" name="name" placeholder="请输入班级" class="col-xs-10 col-sm-5" />
												</div>
											</div>




											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 年级段</label>
												<div class="col-sm-2">
													<select class="form-control" name="gradeLevel">
														<option value="">--请选择--</option>
														<option value="1">托班</option>
														<option value="2">小班</option>
														<option value="3">中班</option>
														<option value="4">大班</option>
														<option value="5">学前班</option>
													</select>
												</div>
											</div>

											<div class="form-group">
												<label class="col-sm-3 control-label no-padding-right"> 老师</label>
												<div class="col-sm-2">
													<select class="form-control" name="aid" id="sel-teacher"> 

													</select>
												</div>
											</div>

											<div class="clearfix form-actions">
												<div class="col-md-offset-3 col-md-9">
													<button class="btn btn-info" type="button" onclick="submitMainform()">
														<i class="ace-icon fa fa-check bigger-110"></i>
														提交
													</button>
													<!--&nbsp; &nbsp; &nbsp;-->
													<!--<button class="btn" type="reset">-->
														<!--<i class="ace-icon fa fa-undo bigger-110"></i>-->
														<!--Reset-->
													<!--</button>-->
												</div>
											</div>
										</form>


									</div><!-- /.col -->
								</div><!-- /.row -->



								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!--[if !IE]> -->
		<script src="assets/js/jquery-2.1.4.min.js"></script>

		<!-- basic scripts -->
		<script src="assets/js/a-my-common.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->

	<script>

		function submitMainform(){

		   var data = JSON.stringify($("#mainform").serializeObject()); //自动将form表单封装成json

		   console.log("data="+data);

			   $.ajax({
				   type:'POST',
				   url:URL_GOBAl+"/web/class/create",
				   async:false,
				   contentType: "application/json",
				   headers:{
					   token:sessionStorage.token
				   },
				   data : data,
				   dataType:'json',
				   success:function(returnValue){
					   if(returnValue != "" && returnValue !=null & returnValue !=undefined){
						   var status = returnValue.status;
						   var result = returnValue.result;
						   if("000000" == status){
							   myAlert("保存成功！");
						   }else{
							   myAlert("保存失败，原因："+result);
						   }
					   }else{
						   myAlert("保存失败！");
					   }
				   },
				   error:function(XMLHttpRequest, textStatus, errorThrown){
					   myAlert("保存失败");
				   }
			   });
		   }

		$(document).ready(function() {
			loadTeacherSelect("sel-teacher");
		});
	</script>
	</body>
</html>
